<template>
	<view class="blockchain">
		<view class="blockchain_header">
			<view class="title">请输入哈希值（含区块链地址）</view>
			<view class="subtitle">支持数字权益卡、账户相关区块链信息查询</view>
		</view>
		<textarea id="textareaClass"  v-model="value" placeholder="请输入或粘贴哈希值"></textarea>
			<view class="real_name" v-show="value!=''" @click="query">查询</view>
			<view class="real_name real_name_no" v-show="value==''">查询</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:''
			}
		},
		methods: {
			query(){
				if(this.$queue.getData('token') != undefined){
					uni.navigateTo({
						url:'/pages/my/blockchain/blockchain-details/blockchain-details?voucher='+this.value
					})
				}else{
					this.$queue.showToast('请登录！')
					setTimeout(()=>{
						uni.navigateTo({
							url:'/pages/login/login'
						})
					},2000)
				}

			}
		}
	}
</script>

<style scoped>
	.blockchain{
		padding-top:40rpx;
	}
	.blockchain_header{
		text-align: center;
	}
	.blockchain_header .title{
		font-size: 34rpx;
		color: #000000;
	}
	.blockchain_header .subtitle{
		margin-top: 10rpx;
		font-size: 28rpx;
		color: #666666;
	}
	#textareaClass{
		width: 686rpx;
		height: 270rpx;
		margin: 0 auto;
		padding: 24rpx;
		box-sizing: border-box;
		font-size: 28rpx;
		border: 1rpx solid #CECECE;
		border-radius: 16rpx;
		margin-top: 40rpx;
	}
	/* 实名按钮 */
	.real_name{
		width: 686rpx;
		height: 100rpx;
		margin: 0 auto;
		background: linear-gradient(90deg, #0B87F2 0%, #6752EA 100%);
		border-radius: 16rpx;
		font-size: 34rpx;
		color: #fff;
		line-height: 100rpx;
		text-align: center;
		margin-top: 36rpx;
	}
	.real_name_no{
		opacity: .5;
	}
</style>
